<template>
  <div class="detail-wrap">
    <div class="bill-box">
      <div class="title">类型</div>
      <div class="content">{{this.$route.query.type | changeType}}</div>
    </div>
    <div class="bill-box">
      <div class="title">金额</div>
      <span class="content">{{this.$route.query.money}}</span>
    </div>
    <div class="bill-box">
      <div class="title">状态</div>
      <div class="content">已到蓝聘账户</div>
    </div>
    <div class="bill-box">
      <div class="title">到账时间</div>
      <div class="content">{{this.$route.query.stamp}}</div>
    </div>
  </div>
</template>

<script>
  export default {
    filters: {
      changeType(type) {
        let temp = "";
        if (type == 0) {
          temp = "其它";
        } else if (type == 1) {
          temp = "借支到账";
        } else if (type == 2) {
          temp = "管理费";
        } else if (type == 3) {
          temp = "工资到账";
        } else if (type == 4) {
          temp = "返费到账";
        } else if (type == 5) {
          temp = "邀请注册奖励";
        } else if (type == 7) {
          temp = "代扣借支";
        } else if (type == 8) {
          temp = "邀请入职奖励";
        } else if (type == 9) {
          temp = "蓝聘红包";
        } else if (type == 10) {
          temp = "完善资料奖励";
        } else if (type == 12) {
          temp = "分享点赞奖励";
        }
        return temp;
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .detail-wrap
    width: 100%
    height: 100%
    overflow: hidden
    .bill-box
      display: flex
      justify-content: space-between
      align-items: center
      width: 100%
      height: 1.333rem
      .title
        font-size: 0.44rem
        color: rgba(102, 102, 102, 1)
        margin-left: 5%
      .content
        font-size: 0.44rem
        color: rgba(27, 27, 27, 1)
        margin-right: 5%
</style>

